<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智慧社区</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="top_box" id="headbox">
        <div class="top_mini_box wrap">
            <img src="./img/header-logo.png" class="img_1">
            <div class="right_box">
                <div class="right_menu">
                    <ul>
                        <li id="index_1">
                            <a href="javascript:;" class="banner_dongxiao_6">首页</a>
                        </li>
                        <li id="wuye">
                            <a href="javascript:;">云物业</a>
                        </li>
                        <li id="gongneng">
                            <a href="javascript:;">功能服务</a>
                        </li>
                        <li id="jiejue">
                            <a href="javascript:;">智能硬件</a>
                        </li>
                        <li id="lianxi" class="popups">
                            <a href="javascript:;">联系我们</a>
                        </li>
                    </ul>
                </div>
                <div class="btn popups">
                    <a href="javascript:;">登录/注册</a>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <!-- 导航栏 -->
        <!-- 导航栏END -->
        <!-- 顶部大banner -->
        <div class="banner_1" id="index">
            <div class="banner_mini_box">
                <img src="./img/one_3.png" alt="" class="text_img1 a-fadeinT">
                <img src="./img/one_2.png" alt="" class="text_img2 a-fadeinT">
                <div class="btn a-fadeinT popups">
                    <a href="javascript:;">微信咨询</a>
                </div>
                <img src="./img/one_1.png" class="one_1 a-fadeinR">
            </div>
        </div>
        <!-- 顶部大banner END -->
        <!-- banner 2 -->
        <div class="banner_2">
            <div class="banner_mini_box">
                <p class="title_1">传统物业及小区存在的问题</p>
                <p class="title_mini_1">多方之间问题矛盾激化 物业管理效率低 业主满意度低</p>
                <div class="list_box" id="ba_3">
                    <ul>
                        <li>
                            <img src="./img/two_1.png" alt="" class="img_2">
                            <p class="text_1">收费难</p>
                            <p class="text_2">存在由于业主、开发单位、物业管理、政府等多方面原因导致物业收取各项服务费用艰难，从而导致物业难以维持日常的运营工作，入不敷出</p>
                        </li>
                        <li>
                            <img src="./img/two_2.png" alt="" class="img_2">
                            <p class="text_1">人员信息采集难</p>
                            <p class="text_2">由于小区人员组成环境复杂，物业使用传统收集手段难以在短期内收集所有的人员信息，并且可能会存在错漏情况，整个过程耗时耗力</p>
                        </li>
                        <li>
                            <img src="./img/two_3.png" alt="" class="img_2">
                            <p class="text_1">设备设施老旧闲置</p>
                            <p class="text_2">存在由于业主、开发单位、物业管理、政府等多方面原因导致物业收取各项服务费用艰难，从而导致物业难以维持日常的运营工作，入不敷出</p>
                        </li>
                        <li>
                            <img src="./img/two_4.png" alt="" class="img_2">
                            <p class="text_1">多方沟通效率低</p>
                            <p class="text_2">物业与物业、物业与业主、业主与业主之间的沟通方式单一，无法做到及时有效的沟通，遇到问题无法及时沟通解决，更容易滋生矛盾</p>
                        </li>
                        <li>
                            <img src="./img/two_5.png" alt="" class="img_2">
                            <p class="text_1">物业管理效能难以发挥</p>
                            <p class="text_2">无法在生活中体现物业管理的实际作用，业主难以感知物业的作用，仅有的感知就是物业一年一度的费用收取时，日常的维护工作难以展现给业主</p>
                        </li>
                        <li>
                            <img src="./img/two_6.png" alt="" class="img_2">
                            <p class="text_1">信息传达难，商家推广成本高</p>
                            <p class="text_2">
                                政府、物业信息存在孤岛，传达效率低，无法与业主建议有效的联系。尽管多方（尤其是社区周边的商家）都有触达业主的需求，但获客成本一直居高不下，用户复购率主要依靠地理位置及口口相传
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- banner 2 END-->
        <!-- banner 3 -->
        <div class="banner_3" id="yunwuye">
            <div class="banner_mini_box">
                <p class="title_1">从这里开始，让物业服务更高效 更智能</p>
                <p class="title_mini_1">聚焦物业的管理需求及业主的实际生活场景，提高物业管理效率，增强业主幸福指数</p>
                <div class="list_box" id="ba_1">
                    <ul>
                        <li>
                            <img src="./img/three_1.png" alt="" class="img_2">
                            <p class="text_1">专业的收费管理系统</p>
                            <p class="text_2">解决物业服务费收费难、催缴难，人工投入成本逐年升高等问题</p>
                            <div class="bottom_box popups">
                                <a href="javascript:;">点击咨询</a>
                                <img src="./img/three_right.png">
                            </div>
                        </li>
                        <li>
                            <img src="./img/three_2.png" alt="" class="img_2">
                            <p class="text_1">便捷的物业移动管理系统</p>
                            <p class="text_2">优化流程随时随地处理问题，提高物业管理效率</p>
                            <div class="bottom_box popups">
                                <a href="javascript:;">点击咨询</a>
                                <img src="./img/three_right.png">
                            </div>
                        </li>
                        <li>
                            <img src="./img/three_3.png" alt="" class="img_2">
                            <p class="text_1">智能的硬件设备链接</p>
                            <p class="text_2">通过各类硬件的互联互通打破小区信息的孤岛，实现一系统掌握掌握小区全数据</p>
                            <div class="bottom_box popups">
                                <a href="javascript:;">点击咨询</a>
                                <img src="./img/three_right.png">
                            </div>
                        </li>
                        <li>
                            <img src="./img/three_4.png" alt="" class="img_2">
                            <p class="text_1">高效的智能巡检管理</p>
                            <p class="text_2">代替传统纸质低效巡检，线上记录、数据实时上报系统，提高物业巡检效率</p>
                            <div class="bottom_box popups">
                                <a href="javascript:;">点击咨询</a>
                                <img src="./img/three_right.png">
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- banner 3 END-->
        <!-- banner 增加的 -->
        <div class="banner_new">
            <div class="banner_mini_box">
                <p class="title_1">多终端支持,助力提高物业效率</p>
                <p class="title_mini_1">多个端的联合使用,助力物业打造安全、便捷、智能的物业服务系统</p>
                <div class="list_box">
                    <div class="list">
                        <img src="./img/new_1.png" alt="" class="img_2 four_1">
                        <p class="text_1">公众号H5支持</p>
                    </div>
                    <div class="list">
                        <img src="./img/new_2.png" alt="" class="img_2 four_1">
                        <p class="text_1">小程序支持</p>
                    </div>
                    <div class="list">
                        <img src="./img/new_3.png" alt="" class="img_2 four_1">
                        <p class="text_1">APP支持</p>
                    </div>
                    <div class="list">
                        <img src="./img/new_4.png" alt="" class="img_2 four_1 popups">
                        <p class="text_1">企业微信</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- banner 增加的 END-->
        <!-- banner 4-->
        <div class="banner_4" id="gongnengfuwu">
            <div class="banner_mini_box">
                <p class="title_1">成熟的物业管理配套功能</p>
                <p class="title_mini_1">通过物业基本管理功能，提供物业线上管理的实时效率性，打造智慧 高效 方便 快捷的智慧小区</p>
                <div class="list_box" id="ba_2">
                    <ul>
                        <li id="expressId">
                            <img src="./img/four_14.png" alt="" class="img_2 four_14">
                            <p class="text_1">快递管理</p>
                        </li>
                        <li id="staffId">
                            <img src="./img/four_10.png" alt="" class="img_2 four_10">
                            <p class="text_1">职工管理</p>
                        </li>
                        <li id="moneyId">
                            <img src="./img/four_12.png" alt="" class="img_2 four_12">
                            <p class="text_1">收费管理</p>
                        </li>
                        <li id="ownerId">
                            <img src="./img/four_3.png" alt="" class="img_2 four_3">
                            <p class="text_1">业主管理</p>
                        </li>
                        <li id="newsId">
                            <img src="./img/four_13.png" alt="" class="img_2 four_13">
                            <p class="text_1">公告通知</p>
                        </li>
                        <li class="noId">
                            <img src="./img/four_1.png" alt="" class="img_2 four_1">
                            <p class="text_1">物业报修</p>
                        </li>
                        <li class="noId">
                            <img src="./img/four_2.png" alt="" class="img_2 four_2">
                            <p class="text_1">投诉建议</p>
                        </li>
                        <li class="noId">
                            <img src="./img/four_15.png" alt="" class="img_2 four_15">
                            <p class="text_1">可视化大数据</p>
                        </li>
                        <li class="noId">
                            <img src="./img/four_4.png" alt="" class="img_2 four_4">
                            <p class="text_1">智慧巡检码</p>
                        </li>
                        <li class="noId">
                            <img src="./img/four_5.png" alt="" class="img_2 four_5">
                            <p class="text_1">移动抄表</p>
                        </li>
                        <li class="noId">
                            <img src="./img/four_6.png" alt="" class="img_2 four_6">
                            <p class="text_1">在线文件管理</p>
                        </li>
                        <li class="noId">
                            <img src="./img/four_7.png" alt="" class="img_2 four_7">
                            <p class="text_1">投票系统</p>
                        </li>
                        <li class="noId">
                            <img src="./img/four_8.png" alt="" class="img_2 four_8">
                            <p class="text_1">电子发票</p>
                        </li>
                        <li class="noId">
                            <img src="./img/four_9.png" alt="" class="img_2 four_9">
                            <p class="text_1">物料管理</p>
                        </li>
                        <li class="noId">
                            <img src="./img/four_11.png" alt="" class="img_2 four_11">
                            <p class="text_1">短信群发</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- banner 4 END-->
        <!-- banner 5-->
        <div class="banner_5 combanner" id="jiejuefangan">
            <div class="banner_mini_box">
                <p class="title_1">多套智能硬件为小区提供解决方案</p>
                <p class="title_mini_1">充分利用物联网结合小区物业基本管理功能，为小区安防树立了一道保障及便利了业主生活</p>
                <div class="list_box">
                    <div class="left_box">
                        <img src="./img/five_1.png" alt="" class="img_1">
                        <p class="text_1">蓝牙门禁</p>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">蓝牙连接稳定，开门响应快速；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">蓝牙开锁方式安全有保障；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">硬件本身成本低，且耐用；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">支持广告推送，提高平台推广效果；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">小区建设或改造成本低</p>
                        </div>
                    </div>
                    <img src="./img/five_bg_1.png">
                </div>
            </div>
        </div>
        <!-- banner 5 END-->
        <!-- banner 6-->
        <div class="banner_6 combanner">
            <div class="banner_mini_box">
                <div class="list_box">
                    <img src="./img/five_bg_2.png">
                    <div class="left_box">
                        <img src="./img/five_2.png" alt="" class="img_1">
                        <p class="text_1">人脸识别门禁</p>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">人脸，独一无二的门禁“钥匙”，解放业主双手；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">人脸识别活体检测安全有保障；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">出入关怀，给业主增添一份放心；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">支持运营广告，给小区物业增收；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">支持二次开发，可对接更多场景</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- banner 6 END-->
        <!-- banner 7-->
        <div class="banner_7 combanner">
            <div class="banner_mini_box">
                <div class="list_box">
                    <div class="left_box">
                        <img src="./img/five_3.png" alt="" class="img_1">
                        <p class="text_1">人脸识别摄像机</p>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">人物实时监控，保障小区基本安全；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">人员关怀，有效提升小区业主幸福指数；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">行为检测报警，安全监控升级；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">业主可实时查看监控视频，增加业主放心指数；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">支持二次开发，可对接更多场景</p>
                        </div>
                    </div>
                    <img src="./img/five_bg_3.png">
                </div>
            </div>
        </div>
        <!-- banner 7 END-->
        <!-- banner 8-->
        <div class="banner_8 combanner">
            <div class="banner_mini_box">
                <div class="list_box">
                    <img src="./img/five_bg_4.png">
                    <div class="left_box">
                        <img src="./img/five_4.png" alt="" class="img_1">
                        <p class="text_1">智能快递柜</p>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">物业独立运营快递柜，提高平台用户量；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">可与快递公司进行合作，增加物业营收；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">快递由物业统一管理，有效提高小区环境安全；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">支持运营广告，给小区物业增收</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- banner 8 END-->
        <!-- banner 9-->
        <div class="banner_9 combanner">
            <div class="banner_mini_box">
                <div class="list_box">
                    <div class="left_box">
                        <img src="./img/five_5.png" alt="" class="img_1">
                        <p class="text_1">智慧停车</p>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">多种车辆收费类型管理，满足小区各类情景收费；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">零停留，免取卡进出；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">停车系统统一管理，有效保障车辆安全；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">自助缴费，避免错缴漏缴；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">支持运营广告，给小区物业增收</p>
                        </div>
                    </div>
                    <img src="./img/five_bg_5.png">
                </div>
            </div>
        </div>
        <!-- banner 9 END-->
        <!-- banner 10-->
        <div class="banner_10 combanner">
            <div class="banner_mini_box">
                <div class="list_box">
                    <img src="./img/five_bg_6.png">
                    <div class="left_box">
                        <img src="./img/five_6.png" alt="" class="img_1">
                        <p class="text_1">智能充电桩</p>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">手机扫码即可充电，方便快捷；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">充满即时断电，有效提高小区环境安全；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">提议解决过量充电，节约资源；</p>
                        </div>
                        <div class="flex_box">
                            <img src="./img/left_icon.png" alt="" class="img_2">
                            <p class="text_2">有效规整小区停车秩序，小区环境全面提升</p>
                        </div>
                    </div>
                </div>
            </div>
            <img src="./img/bottom_img.png" class="bottom_img">
        </div>
        <!-- banner 10 END-->
        <div class="banner_11">
            <p class="text_6">
                山西晋中理工学院&ensp; 努力大于天赋组&ensp; &copy;2021-10-25&ensp;All right Reserved.
            </p>
            <!-- <p class="text_6">Copyright © All Rights Reserved</p> -->
        </div>
        <!-- 弹层 -->
        <div class="popup" id="popup">
            <div class="popupbox">
                <img src="./img/QR_code.png" alt="" class="popup-img">
            </div>
        </div>
    </div>
</body>

</html>
<script src="./js/jquery3.6.0_min.js"></script>
<script>
    $(document).ready(function () {
        $(window).scroll(function () {
            var scrTop = $(window).scrollTop();
            var n_t = 200;
            // var top = $('#zhinengwulian').offset().top - 55
            console.log('scrTop', scrTop)
            if (scrTop > n_t) {
                $('#headbox').animate({
                    backgroundColor: '#FA4B36'
                }, 10)
            } else {
                $('#headbox').animate({
                    backgroundColor: 'rgba(55, 110, 242,0)'
                }, 10)
            }
        })
        $("#ba_1 ul li").hover(
            function () {
                $(this).addClass('a-bounce')
            },
            function () {
                $(this).removeClass('a-bounce')
            }
        )
        $("#ba_2 li").hover(
            function () {
                $(this).find(".four_1").attr("src", "./img/four_1_1.png");
            },
            function () {
                $(this).find(".four_1").attr("src", "./img/four_1.png");
            }
        )
        $("#ba_2 li").hover(
            function () {
                $(this).find(".four_2").attr("src", "./img/four_1_2.png");
            },
            function () {
                $(this).find(".four_2").attr("src", "./img/four_2.png");
            }
        )
        $("#ba_2 li").hover(
            function () {
                $(this).find(".four_3").attr("src", "./img/four_1_3.png");
            },
            function () {
                $(this).find(".four_3").attr("src", "./img/four_3.png");
            }
        )
        $("#ba_2 li").hover(
            function () {
                $(this).find(".four_4").attr("src", "./img/four_1_4.png");
            },
            function () {
                $(this).find(".four_4").attr("src", "./img/four_4.png");
            }
        )
        $("#ba_2 li").hover(
            function () {
                $(this).find(".four_5").attr("src", "./img/four_1_5.png");
            },
            function () {
                $(this).find(".four_5").attr("src", "./img/four_5.png");
            }
        )
        $("#ba_2 li").hover(
            function () {
                $(this).find(".four_6").attr("src", "./img/four_1_6.png");
            },
            function () {
                $(this).find(".four_6").attr("src", "./img/four_6.png");
            }
        )
        $("#ba_2 li").hover(
            function () {
                $(this).find(".four_7").attr("src", "./img/four_1_7.png");
            },
            function () {
                $(this).find(".four_7").attr("src", "./img/four_7.png");
            }
        )
        $("#ba_2 li").hover(
            function () {
                $(this).find(".four_8").attr("src", "./img/four_1_8.png");
            },
            function () {
                $(this).find(".four_8").attr("src", "./img/four_8.png");
            }
        )
        $("#ba_2 li").hover(
            function () {
                $(this).find(".four_9").attr("src", "./img/four_1_9.png");
            },
            function () {
                $(this).find(".four_9").attr("src", "./img/four_9.png");
            }
        )
        $("#ba_2 li").hover(
            function () {
                $(this).find(".four_10").attr("src", "./img/four_1_10.png");
            },
            function () {
                $(this).find(".four_10").attr("src", "./img/four_10.png");
            }
        )
        $("#ba_2 li").hover(
            function () {
                $(this).find(".four_11").attr("src", "./img/four_1_11.png");
            },
            function () {
                $(this).find(".four_11").attr("src", "./img/four_11.png");
            }
        )
        $("#ba_2 li").hover(
            function () {
                $(this).find(".four_12").attr("src", "./img/four_1_12.png");
            },
            function () {
                $(this).find(".four_12").attr("src", "./img/four_12.png");
            }
        )
        $("#ba_2 li").hover(
            function () {
                $(this).find(".four_13").attr("src", "./img/four_1_13.png");
            },
            function () {
                $(this).find(".four_13").attr("src", "./img/four_13.png");
            }
        )
        $("#ba_2 li").hover(
            function () {
                $(this).find(".four_14").attr("src", "./img/four_1_14.png");
            },
            function () {
                $(this).find(".four_14").attr("src", "./img/four_14.png");
            }
        )
        $("#ba_2 li").hover(
            function () {
                $(this).find(".four_15").attr("src", "./img/four_1_15.png");
            },
            function () {
                $(this).find(".four_15").attr("src", "./img/four_15.png");
            }
        )
        $("#ba_3 ul li").hover(
            function () {
                $(this).addClass('banner_dongxiao_3')
            },
            function () {
                $(this).removeClass('banner_dongxiao_3')
            }
        )
        $("#index_1").click(function () {
            $(this).find("a").addClass('banner_dongxiao_6')
            $(this).siblings().find("a").removeClass('banner_dongxiao_6')
            var hh = $('#index').offset().top
            console.log("asdasda", hh)
            $("html,body").animate({
                scrollTop: hh
            }, 600);
        })
        $("#gongneng").click(function () {
            $(this).find("a").addClass('banner_dongxiao_6')
            $(this).siblings().find("a").removeClass('banner_dongxiao_6')
            $("html,body").animate({
                scrollTop: $('#gongnengfuwu').offset().top - 50
            }, 600);
        })
        $("#wuye").click(function () {
            $(this).find("a").addClass('banner_dongxiao_6')
            $(this).siblings().find("a").removeClass('banner_dongxiao_6')
            $("html,body").animate({
                scrollTop: $('#yunwuye').offset().top - 50
            }, 600);
        })
        $("#jiejue").click(function () {
            $(this).find("a").addClass('banner_dongxiao_6')
            $(this).siblings().find("a").removeClass('banner_dongxiao_6')
            $("html,body").animate({
                scrollTop: $('#jiejuefangan').offset().top
            }, 600);
        })
        $("#lianxi").click(function () {
            $(this).find("a").addClass('banner_dongxiao_6')
            $(this).siblings().find("a").removeClass('banner_dongxiao_6')
        })
    })
</script>
<!-- 弹层 -->
<script>
    $(function () {
        $('.popups').on("click", function () {
            $('#popup').removeClass('zoomOut').show().stop().addClass('animated  zoomIn').css({
                animationDuration: "500ms"
            });
        })
        $('.guanbi,.popup').click(function () {
            $('#popup').addClass('animated  zoomOut').removeClass('zoomIn');
            setTimeout(function () {
                $('#popup').hide();
            }, 50)
        })
    })
    // 页面跳转
    $("#expressId").click(function () {
        location.href = "express.html";
    })
    $("#staffId").click(function () {
        location.href = "staff.html";
    })
    $("#moneyId").click(function () {
        location.href = "money.html";
    })
    $("#ownerId").click(function () {
        location.href = "owner.html";
    })
    $("#newsId").click(function () {
        location.href = "news.html";
    })
    $(".noId").click(function () {
        location.href = "no.html";
    })
</script>